<template>
<div class="headbar">
	<el-menu theme="dark" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
	  <el-menu-item index="1">项目计划</el-menu-item>
	  <el-menu-item index="2">分配任务</el-menu-item>
	  <el-submenu index="3">
	    <template slot="title">项目管理</template>
	    <el-menu-item index="3-1">xwapp</el-menu-item>
	    <el-menu-item @click="dtjlClick" index="3-2">dtjlapp</el-menu-item>
	    <el-menu-item index="3-3">lcjlapp</el-menu-item>
	  </el-submenu>
	</el-menu>
</div>
</template>

<script>
  export default {
    data() {
      return {
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      },
      dtjlClick(){
        window.vm = this;
        if(this.$route.name == 'Dtjlapp'){
          console.log(this.$route.params);
        }
      	this.$router.push('dtjlapp/id');
      }
    }
  }
</script>

<style>
	.headbar{
		padding-left: 2.3rem;
		background: #324157;
	}
</style>